import { Input, Table } from "@douyinfe/semi-ui";

const SemiTable = (props: { msg: any; list: any }) => {
  const { msg, list, columns, dataSource } = props;

  return (
    <div>
      <h1>semi table</h1>
      <p>{msg}</p>
      {list.map((item, index) => (
        <div key={index}>
          {item.render && item.render()}
          {!item.render && <h3>{item.content}</h3>}
        </div>
      ))}
      <Input defaultValue="hi"></Input>
      <Table columns={columns} dataSource={dataSource} />
    </div>
  );
};

export default SemiTable;
